<!doctype html>
<html>
<head>
    <title>aui-affix</title>
    <link rel="stylesheet" href="../../../../build/aui-css/css/bootstrap.css">
    <style>
        .demo-well {
            margin-top: 110px;
        }
        .navbar {
            top: 10px;
            z-index: 200;
        }
        .navbar.affix-top {
            top: 40px;
            transition: top .2s;
        }
        .navbar.affix {
            transition: top .2s;
        }
        .navbar.affix-top, .navbar.affix-bottom {
            position: fixed;
        }
        .affix-top .active-on-top a, .affix .active-on-default a, .affix-bottom .active-on-bottom a {
            color: #000 !important;
            background: #eee !important;
        }
    </style>
    <script src="../../../../build/aui/aui.js"></script>
    <script src="js/tests.js"></script>
    <meta charset="utf-8" />
</head>
<body class="yui3-skin-sam">
    <div class="container">
        <div class="row">
            <div class="demo-well well">
                <h1>The Affix demo</h1>
                <p>Pour-over keffiyeh kale chips church-key, synth jean shorts ennui. Helvetica photo booth occupy, freegan 8-bit tofu PBR&B. Slow-carb bicycle rights cray shabby chic chillwave. Typewriter mlkshk master cleanse try-hard yr hoodie. Portland bitters artisan selvage stumptown. Chillwave ennui drinking vinegar fashion axe gastropub, occupy wayfarers 3 wolf moon next level normcore American Apparel Odd Future. Chambray kitsch tattooed, small batch cliche ethnic disrupt literally viral quinoa fanny pack lomo Williamsburg.<br />
                Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Direct trade eu id, 8-bit laborum XOXO kogi cillum quis skateboard nulla actually plaid.
                </p>
            </div>
            <div class="navbar navbar-default" id="navbar">
                <div class="container-fluid">
                    <a class="navbar-brand" href="#">Affix</a>
                    <ul class="nav navbar-nav">
                        <li><a href="#">Item 1</a></li>
                        <li><a href="#">Item 2</a></li>
                        <li><a href="#">Item 3</a></li>
                        <li class="active top"><a href="#">Top</a></li>
                        <li class="active default"><a href="#">Middle</a></li>
                        <li class="active bottom"><a href="#">Bottom</a></li>
                    </ul>
                </div>
            </div>
            <section>
                <article>
                    <h2>What affix really is</h2>
                    <p>Scroll down the page and watch the menu at the left side change position.<br />
                    Affix adds the 'affix', 'affix-bottom', or 'affix-top' class to your target. <strong>That's all.</strong><br /><br />
                    Tip: it has nothing to do with ScrollSpy, but they work nice together.</p>
                </article>
                <article>
                    <h2>Hazelnuts</h2>
                    <p>Is a type of nut.</p>
                </article>
                <article>
                    <h2>Great Lorem Ipsum</h2>
                    <p>Bicycle rights gluten-free Etsy, id fashion axe mustache beard irure veniam Thundercats aliquip officia labore voluptate Intelligentsia. Pickled officia American Apparel qui Odd Future, Marfa vegan messenger bag skateboard. Wolf eu freegan Brooklyn, synth placeat Thundercats street art fugiat adipisicing keffiyeh messenger bag viral church-key hoodie. Synth small batch scenester, aliquip quis anim artisan adipisicing ut PBR 90's excepteur Schlitz voluptate. Sapiente nulla mustache accusamus fap. Vero sartorial kogi Wes Anderson. Artisan cred cornhole actually.<br /><br />
                    Mixtape authentic gluten-free cred, consequat veniam dreamcatcher flannel before they sold out do PBR&B labore next level viral. High Life Intelligentsia delectus kitsch ad. Food truck Schlitz elit pork belly, accusamus fap PBR qui salvia trust fund velit raw denim XOXO. Wayfarers tofu velit bespoke, kitsch Bushwick umami. Bitters four loko commodo Bushwick, deep v accusamus farm-to-table actually brunch gluten-free. Direct trade Bushwick Schlitz hashtag, placeat excepteur fanny pack. Est letterpress sint, mlkshk Tonx ethnic do sunt actually assumenda put a bird on it ex.<br /><br />
                    Austin ex eiusmod, cupidatat distillery Wes Anderson Bushwick Godard craft beer officia 8-bit consectetur synth chambray. Vero Pitchfork seitan, non small batch qui food truck ea skateboard. Tattooed Intelligentsia synth, Schlitz hella messenger bag tempor authentic non literally stumptown anim. Cray craft beer mollit irure. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br /><br />
                    Fap ad tousled forage, before they sold out sint salvia. Tousled quinoa Wes Anderson pickled chia. Before they sold out odio selvage Truffaut artisan, laboris mustache aute aliquip distillery cred assumenda skateboard American Apparel. Ut Tumblr biodiesel, synth banjo hashtag consequat. Swag flexitarian cillum, pickled nostrud excepteur ethnic. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed. Direct trade eu id, 8-bit laborum XOXO kogi cillum quis skateboard nulla actually plaid. Street art tofu kitsch cillum, ex et skateboard quis cliche iPhone Shoreditch sed seitan master cleanse.<br /><br />
                    Pour-over proident ennui, selvage umami Banksy ugh drinking vinegar do +1 irure pug. Quis pariatur cred, cliche +1 gastropub church-key vinyl elit Helvetica sed nostrud slow-carb velit proident. Dolore beard ex fashion axe. Fixie mustache authentic excepteur sunt, ethnic gentrify meh roof party keytar veniam banh mi fashion axe put a bird on it. Banksy four loko Shoreditch, Neutra Tumblr sint cillum cliche Vice ethical officia disrupt flannel meggings Thundercats. Jean shorts pop-up gentrify, 8-bit YOLO Godard nisi culpa food truck Carles wolf bespoke. Duis anim whatever distillery, flannel Odd Future occupy organic chia roof party squid adipisicing street art hoodie dolor.
                    <br /><br />
                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.
                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.
                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.

                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.

                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.

                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.

                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.

                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.

                    Cornhole semiotics ullamco est, Odd Future master cleanse sartorial readymade jean shorts. Tumblr plaid fashion axe quinoa distillery, cupidatat you probably haven't heard of them anim irure mixtape occupy duis Intelligentsia. Ennui voluptate flexitarian mustache, church-key et freegan. Trust fund Blue Bottle next level, street art sunt 8-bit Williamsburg fingerstache typewriter Etsy assumenda ullamco scenester twee. Chillwave try-hard ad commodo McSweeney's. Brunch biodiesel vero, McSweeney's lo-fi iPhone pop-up. Nostrud Echo Park fanny pack plaid squid, direct trade et viral keffiyeh delectus scenester.<br /><br />
                    Wolf vero salvia mumblecore, commodo Echo Park master cleanse semiotics bespoke nesciunt raw denim food truck Cosby sweater pickled. Elit mumblecore McSweeney's laborum, paleo ut freegan normcore roof party vegan you probably haven't heard of them mollit synth next level fugiat. Ut trust fund Cosby sweater, 3 wolf moon quinoa actually nihil viral distillery tattooed disrupt PBR kale chips craft beer chia. Cray flexitarian placeat sed.<br />Typewriter drinking vinegar in, Vice cliche asymmetrical raw denim High Life bicycle rights tattooed master cleanse. Sint anim chillwave deserunt proident hoodie meggings minim organic Vice cillum, placeat pop-up before they sold out. Authentic Echo Park chia aliquip wayfarers. XOXO meggings Odd Future put a bird on it, proident seitan squid consectetur Pinterest roof party pour-over trust fund typewriter direct trade. Blue Bottle Schlitz tattooed, freegan qui selfies mollit drinking vinegar veniam bicycle rights labore et. Consequat you probably haven't heard of them skateboard proident est, keffiyeh ugh Tonx sriracha dreamcatcher VHS pop-up consectetur deserunt Marfa.</p>
                </article>
            </section>
        </div>
    </div>
<script>
    YUI({
        coverage: ['aui-affix'],
        filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'raw'
    }).use('test-console', 'test', 'aui-affix-tests', function(Y) {

        (new Y.Test.Console()).render('#logger');

        Y.Test.Runner.setName('aui-affix');
        Y.Test.Runner.run();
    });
</script>
</body>
</html>